﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui.form小例子</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
</head>
<body>
<div>
    <img src="https://yqfk.dgut.edu.cn/static/bannerImg.3fd04ce9.png">
</div>
<div>一、高风险地区（2个）：

广东省（2个）广州市（2个）广州市荔湾区白鹤洞街、广州市荔湾区中南街

</div>
<div>
    二、中风险地区（9个）：

    安徽省（1个）六安市（1个）六安市裕安区恒大御景湾小区3期

    广东省（8个）广州市（5个）广州市荔湾区东漖街、广州市荔湾区冲口街、广州市番禺区洛浦街锦绣半岛社区锦绣东区（16栋、17栋、18栋）、广州市海珠区瑞宝街南洲名苑棠阁（A栋、B栋、C栋）、广州市南沙区珠江街道嘉安花园

    佛山市（3个）佛山市南海区桂城街道华福御水岸小区、佛山市禅城区石湾镇街道绿茵鸣苑小区佛山市南海区桂城街道万科金域名都小区
</div>
<div class="layui-container">
    <form class="layui-form" method="post" action="http://localhost:8081/renren-fast/generator/record/api"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
        <div class="layui-form-item">
            <label class="layui-form-label">用户名</label>
            <div class="layui-input-block">
                <input type="text" name="username" readonly placeholder="用户名" autocomplete="off" class="layui-input" th:value="${name}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">学号</label>
            <div class="layui-input-block">
                <input type="text" name="uid" readonly placeholder="学号" autocomplete="off" class="layui-input" th:value="${uid}">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">手机号</label>
            <div class="layui-input-block">
                <input type="number" name="mobile" required placeholder="手机号" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">所在地</label>
            <div class="layui-input-block">
                <input type="text" name="place" required placeholder="所在地" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">身体状况</label>
            <div class="layui-input-block">
                <input type="text" name="body" required placeholder="身体状况" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">体温</label>
            <div class="layui-input-block">
                <input type="number" required name="tem" placeholder="体温" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否感染</label>
            <div class="layui-input-block">
                <input type="radio" name="isdanger" value="0" title="否" checked>
                <input type="radio" name="isdanger" value="1" title="是" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否接触过感染人群</label>
            <div class="layui-input-block">
                <input type="radio" name="fisdanger" value="0" title="否" checked>
                <input type="radio" name="fisdanger" value="1" title="是" >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">是否到过危险地区</label>
            <div class="layui-input-block">
                <input type="radio" name="iswarning" value="0" title="否" checked>
                <input type="radio" name="iswarning" value="1" title="是" >
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea name="remark" placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
        <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
    </form>
</div>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"/>
<script>
    layui.use('form', function () {
        var form = layui.form;
        //各种基于事件的操作，下面会有进一步介绍
    });
</script>
</body>
</html>